<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">

	<title>zui-倒计时3</title>
	<link rel="stylesheet" href="http://hoppinzq.com/zui/static/css/vendors_css.css">
	  
	<link rel="stylesheet" href="http://hoppinzq.com/zui/static/css/style.min.css">
	<link rel="stylesheet" href="http://hoppinzq.com/zui/static/css/skin_color.css">

</head>
<body class="hold-transition bg-img text-center" style="background-image: url(http://hoppinzq.com/zui/static/image/bg-1.jpg)" data-overlay="5">
	
	<div class="container h-p100">
		<div class="row justify-content-md-center align-items-center h-p100">
			<div class="col-12">
				<div class="box bg-transparent no-border no-shadow">	
					<div class="box-body text-center">
						    
						<div class="row justify-content-md-center align-items-center h-p100">
							
							<div class="col-md-5 col-12">
								<div class="text-left">
									<h1 class="font-size-50 text-white">离2023年考研倒计时</h1>

					  				<p class="mb-20 text-white font-size-18">燃烧殆尽，总好过黯然失色</p>
									
									<div class="mx-auto mt-40">
										<h3 class="text-uppercase text-white">搜索考研课程</h3>
										<div class="input-group">
											<input type="text" class="form-control p-10" placeholder="搜索课程">
											<div class="input-group-append">
												<button type="button" class="btn btn-success">搜索</button>
											</div>
										</div>
									</div>
									
									<p class="gap-items-2 mt-40">
										<a class="btn btn-social-icon" href="#"><i class="fa fa-qq"></i></a>
										<a class="btn btn-social-icon" href="#"><i class="fa fa-github"></i></a>
										<a class="btn btn-social-icon" href="#"><i class="fa fa-steam"></i></a>
										<a class="btn btn-social-icon" href="#"><i class="fa fa-wechat"></i></a>
									</p>
									
								</div>
							</div>
							<div class="col-md-5 col-12">								
								<div class="box box-body my-50 bg-transparent no-shadow b-0">
									<div id="countdown" class="row justify-content-md-center text-white"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>
	

	  <div class="modal center-modal fade" id="modal-center" tabindex="-1">
		  <div class="modal-dialog">
			<div class="modal-content">
			  <div class="modal-body text-center">
				<h2>Subscribe Us</h2>
				 <p>Be the first to know when our site is ready</p>
				<form class="mx-auto flexbox w-p75 mb-30" method="post" action="">
					<input type="text" class="form-control rounded" name="EMAIL" placeholder="Enter email address">
					<button class="btn btn-danger" type="submit">Subscribe Us</button>
				</form>
			  </div>
			</div>
		  </div>
		</div>

	<script src="http://hoppinzq.com/zui/static/js/vendors.min.js"></script>
	<script src="http://hoppinzq.com/zui/static/js/chat-popup.js"></script>
    <script src="http://hoppinzq.com/zui/static/js/feather.min.js"></script>
	<script src="http://hoppinzq.com/zui/static/js/coundown-timer.js"></script>


</body>
</html>
